textarea
	border: 1px solid $border-color
	resize:none

textarea:focus
	outline : none
	border : 1px solid #7ab20e

$do-search-height:34px 
$do-search-focus-color:#558517

.do-search
	display:inline-block
	overflow: hidden
	min-width:200px
	vertical-align : middle

.do-search .do-search-btn
	display:inline-block
	padding: 9px 0px
	padding: 8px 0px \9
	margin-left: -1px
	overflow: hidden
	box-sizing:border-box
	width:55px
	border:none
	background-color:#7ab20e
	color:white
	font-size:14px
	border-top-right-radius: 5px
	border-bottom-right-radius: 5px

.do-search .do-search-input
	display:inline-block
	padding: 8px
	padding: 7px\9
	text-align: left
	border:1px solid #dfdfdf
	border-top-left-radius: 5px
	border-bottom-left-radius: 5px

.do-search .do-search-btn:focus 
	outline : none
	background-color: $do-search-focus-color

.do-search .do-search-input:focus 
	box-sizing:border-box
	outline : none
	padding: 7px
	padding: 6px\9
	border : 2px solid $do-search-focus-color

.do-search-input:focus + .do-search-btn
	outline : none
	background-color: $do-search-focus-color

.do-form input[type=text][disabled],
.do-form input[type=password][disabled],
.do-form input[type=email][disabled],
.do-form input[type=url][disabled],
.do-form input[type=date][disabled],
.do-form input[type=month][disabled],
.do-form input[type=time][disabled], 
.do-form input[type=datetime][disabled],
.do-form input[type=datetime-local][disabled],
.do-form input[type=week][disabled],
.do-form input[type=number][disabled],
.do-form input[type=search][disabled],
.do-form input[type=tel][disabled],
.do-form input[type=color][disabled],
.do-form select[disabled], 
.do-form textarea[disabled]
	background-color :#dfdfdf
	cursor : not-allowed




input[type=text]
	border: 1px solid $border-color
	
input[type=text]:focus
	outline : none
	border: 1px solid $green-color
	

.do-form-group 
	margin-bottom: 15px
	padding:5px 0
    
.do-form-group .do-control-label
	display: inline-block
	width: 7em
	margin-right:1em
	margin-bottom: 0
	text-align: right
	vertical-align : top

.do-form-group .do-control-error
	margin-left : 10px

.do-input
	display: inline
	width: 220px
	padding: 5px
	background-color: #fff
	background-image: none
	border: 1px solid #dfdfdf

.do-input:focus
	outline : none
	border: 1px solid $green-color

.do-form-input
	display :inline-block

.do-form-img
	vertical-align : middle

.do-checkbox-default,
.do-checkbox-hover,
.do-checkbox-check,
.do-checkbox-disabled
	display: inline-block
	margin-right: 5px
	vertical-align: top

.do-checkbox
    cursor: pointer
    display : inline-block
    margin-right : 10px
    
.do-checkbox-default
	@include sprite($checkbox-default)

.do-checkbox-hover
	@include sprite($checkbox-hover)
      
.do-checkbox-check
	@include sprite($checkbox-check)

.do-checkbox-disabled
	@include sprite($checkbox-disabeld)



.do-radio-default,
.do-radio-hover,
.do-radio-check,
.do-radio-disable
	display: inline-block
	margin-right: 5px
	vertical-align: top

.do-radio
	display : inline-block
	cursor: pointer
	margin-right : 20px
	position : relative

.do-radio-default
	@include sprite($radio-default)

.do-radio-hover
	@include sprite($radio-hover)
      
.do-radio-check
	@include sprite($radio-check)

.do-radio-disable
	@include sprite($radio-disabled)


.do-radio-group
	display : inline-block